<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>顺风车</title>
		<link rel="stylesheet" type="text/css" href="./w_css/w_shunfeng.css"/>
	</head>
	<body>
		<div id="w_sf_top_div">
			<div class="w_sf_top">
				<!--筛选区域-->
				<div class="w_sf_sx_div">
					<div class="w_sf_select">
						<h3>顺风车</h3>
						<div class="w_sf20"></div>
						<div class="w_sf_item">
							<span>取车地点</span>
							<input type="text" name="" id="" value="" class="w_sf_input"/>
						</div>
						<div class="w_sf14"></div>
						<div class="w_sf_item">
							<span>还车城市</span>
							<input type="text" name="" id="" value="" class="w_sf_input"/>
						</div>
						<a href="javascript:;" class="w_sf_button">查 询</a>
					</div>
				</div>
				<!--筛选区域结束-->
			</div>
		</div>
		<!--内容区域-->
		<div id="w_sf_content">
			<!--左侧-->
			<div class="w_sf_con_left">
				<div class="w_sf_l_top">
					<p>全部</p>
					<p>全部</p>
					<p>全部</p>
					<p>全部</p>
					<!--更多城市-->
					<p class="w_more_city">更多城市</p>
				</div>
				<!--车型、取车区间、取车->还车-->
				<div class="w_sf_con_title">
					<p class="w_sf_car">车型</p>
					<p>取车区间</p>
					<p>取车->还车</p>
				</div>
				<div class="w_sf_sign">
					一口价：含车辆租赁费及门店服务费,基本保险费,手续费
				</div>
				<!--搜索的数据列表-->
				<div class="w_sf_car_list">
					<ul>
						<li>
							<!--c车名、图片-->
							<div class="w_sf_car_info">
								<img src="./w_img/2014ALS.png"/>
								
								2014新爱丽舍
							</div>
							<!--租车时间-->
							<div class="w_sf_data">
								 从 2016年06月19日
								<br>
								到 2016年06月22日
								<br>
								<span class="w_fontBlue">限租期：1天</span>
							</div>
							<!--顺风路程-->
							<div class="w_sf_address">
								郑州→洛阳
							</div>
							<!--价格-->
							<div class="w_sf_price">
								<i>￥</i>
								<span>100</span>
							</div>
							<!--预定按钮-->
							<div class="w_sf_book">
								<a href="">预  定</a>
							</div>
						</li>
						
						<!--循环后可删除-->
						<li>
							<!--c车名、图片-->
							<div class="w_sf_car_info">
								<img src="./w_img/2014ALS.png"/>
								
								2014新爱丽舍
							</div>
							<!--租车时间-->
							<div class="w_sf_data">
								 从 2016年06月19日
								<br>
								到 2016年06月22日
								<br>
								<span class="w_fontBlue">限租期：1天</span>
							</div>
							<!--顺风路程-->
							<div class="w_sf_address">
								郑州→洛阳
							</div>
							<!--价格-->
							<div class="w_sf_price">
								<i>￥</i>
								<span>100</span>
							</div>
							<!--预定按钮-->
							<div class="w_sf_book">
								<a href="">预  定</a>
							</div>
						</li>
						<li>
							<!--c车名、图片-->
							<div class="w_sf_car_info">
								<img src="./w_img/2014ALS.png"/>
								
								2014新爱丽舍
							</div>
							<!--租车时间-->
							<div class="w_sf_data">
								 从 2016年06月19日
								<br>
								到 2016年06月22日
								<br>
								<span class="w_fontBlue">限租期：1天</span>
							</div>
							<!--顺风路程-->
							<div class="w_sf_address">
								郑州→洛阳
							</div>
							<!--价格-->
							<div class="w_sf_price">
								<i>￥</i>
								<span>100</span>
							</div>
							<!--预定按钮-->
							<div class="w_sf_book">
								<a href="">预  定</a>
							</div>
						</li>
						<li>
							<!--c车名、图片-->
							<div class="w_sf_car_info">
								<img src="./w_img/2014ALS.png"/>
								
								2014新爱丽舍
							</div>
							<!--租车时间-->
							<div class="w_sf_data">
								 从 2016年06月19日
								<br>
								到 2016年06月22日
								<br>
								<span class="w_fontBlue">限租期：1天</span>
							</div>
							<!--顺风路程-->
							<div class="w_sf_address">
								郑州→洛阳
							</div>
							<!--价格-->
							<div class="w_sf_price">
								<i>￥</i>
								<span>100</span>
							</div>
							<!--预定按钮-->
							<div class="w_sf_book">
								<a href="">预  定</a>
							</div>
						</li>
						<li>
							<!--c车名、图片-->
							<div class="w_sf_car_info">
								<img src="./w_img/2014ALS.png"/>
								
								2014新爱丽舍
							</div>
							<!--租车时间-->
							<div class="w_sf_data">
								 从 2016年06月19日
								<br>
								到 2016年06月22日
								<br>
								<span class="w_fontBlue">限租期：1天</span>
							</div>
							<!--顺风路程-->
							<div class="w_sf_address">
								郑州→洛阳
							</div>
							<!--价格-->
							<div class="w_sf_price">
								<i>￥</i>
								<span>100</span>
							</div>
							<!--预定按钮-->
							<div class="w_sf_book">
								<a href="">预  定</a>
							</div>
						</li>
						<li>
							<!--c车名、图片-->
							<div class="w_sf_car_info">
								<img src="./w_img/2014ALS.png"/>
								
								2014新爱丽舍
							</div>
							<!--租车时间-->
							<div class="w_sf_data">
								 从 2016年06月19日
								<br>
								到 2016年06月22日
								<br>
								<span class="w_fontBlue">限租期：1天</span>
							</div>
							<!--顺风路程-->
							<div class="w_sf_address">
								郑州→洛阳
							</div>
							<!--价格-->
							<div class="w_sf_price">
								<i>￥</i>
								<span>100</span>
							</div>
							<!--预定按钮-->
							<div class="w_sf_book">
								<a href="">预  定</a>
							</div>
						</li>
					</ul>
				</div>
				<!--搜索的数据列表结束-->
			</div>
			<!--左侧结束-->
			<!--右侧-->
			<div class="w_sf_con_right">
				<img src="w_img/msgBind.jpg"/>
				<div class="w_sf_gz">
					<h3>顺风车规则</h3>
					<div class="w_sf_gz_con">
						<ul>
							<li>1.	顺风车产品需在预订时预付全款，预付后不能退改；</li>
							<li>2.	顺风车产品，取还城市不能更改；</li>
							<li>3.	限租期内，优惠后总金额含车辆租赁费及门店服务费、基本保险费、手续费；</li>
							<li>4.	如需可选服务，另外计费；</li>
							<li>5.	超出限制里程，按1元/公里收取超里程服务费；</li>
							<li>6.	超出限制租期，需支付超时服务费：超时4小时以内，按小时收取超时服务费，每小时赠送20km里程；超时4小时以上，按正常价格按天收取车辆租赁费及门店服务费、基本保险及可选服务等费用，同时赠送不限里程；</li>
							<li>7.	取车或还车时间在21:00-次日8:00之间，每次需支付50元夜间服务费；</li>
							<li>8.	顺风车产品不与其他优惠活动同时享受。</li>
						</ul>
					</div>
				</div>
			</div>
			<!--右侧结束-->
		</div>
		<div id="w_sf_allcity">
			<p>城市快捷入口</p>
			<div class="w_city_dis">
				<ul>
					<li><a href="">北京租车</a></li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
					<li>北京租车</li>
				</ul>
			</div>
		</div>
	</body>
</html>
